<style scoped>
  .layout {
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
  }

  .layout-breadcrumb {
    padding: 10px 15px 0;
  }

  .layout-content {
    min-height: 803px;
    margin: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
  }

  .layout-content-main {
    padding: 10px;
  }

  .layout-copy {
    text-align: center;
    padding: 10px 0 20px;
    color: #9ea7b4;
  }

  .layout-menu-left {
    background: #464c5b;
  }

  .layout-header {
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  }

  .layout-logo-left {
    width: 90%;
    height: 30px;
    background: #5b6270;
    border-radius: 3px;
    margin: 15px auto;
  }

</style>
<template>
  <div class="layout">
    <Row type="flex">
      <Col span="4" class="layout-menu-left">
      <Menu active-name="1-1" theme="dark" width="auto" :open-names="['1']">
        <div class="layout-logo-left">1245</div>
        <Submenu name="1">
          <template slot="title">
            <Icon type="person-stalker"></Icon>
            系统
          </template>
          <MenuItem name="1-1">
            <router-link to="/admin/systeminfo" tag="li">系统信息</router-link>
          </MenuItem>
          <MenuItem name="1-2">
            <router-link to="/admin/about" tag="li">关于我们</router-link>
          </MenuItem>

        </Submenu>
        <Submenu name="2">
          <template slot="title">
            <Icon type="person"></Icon>
            订单管理
          </template>
          <MenuItem name="2-1">
            <router-link to="/admin/orderlist" tag="li">订单列表</router-link>
          </MenuItem>

        </Submenu>
        <Submenu name="3">
          <template slot="title">
            <Icon type="ios-analytics"></Icon>
            用户管理
          </template>
          <MenuItem name="3-1">
            <router-link to="/admin/userlist" tag="li">用户列表</router-link>
          </MenuItem>
          <MenuItem name="3-2">
            <router-link to="/admin/adduser" tag="li">添加用户</router-link>
          </MenuItem>

        </Submenu>
        <Submenu name="4">
          <template slot="title">
            <Icon type="ios-analytics"></Icon>
            商家
          </template>
          <MenuItem name="4-1">
            <router-link to="/admin/storelist" tag="li">商家列表</router-link>
          </MenuItem>
          <MenuItem name="4-2">
            <router-link to="/admin/addstore" tag="li">添加商家</router-link>
          </MenuItem>

        </Submenu>
      </Menu>
      </Col>
      <Col span="20">
      <div class="layout-header">124</div>
      <div class="layout-breadcrumb">
        <Breadcrumb>
          <BreadcrumbItem href="#">Home</BreadcrumbItem>
          <BreadcrumbItem href="#">Projects</BreadcrumbItem>
          <BreadcrumbItem>iView</BreadcrumbItem>
        </Breadcrumb>
      </div>
      <div class="layout-content">
        <div class="layout-content-main">
          <router-view/>
        </div>
      </div>
      <div class="layout-copy">
        2017 &copy; asnyc
      </div>
      </Col>
    </Row>
  </div>
</template>
<script>
  export default {}
</script>
